*{
    margin: 0;
    padding: 0;
}
body{
    max-width: 540px;
    min-width: 320px;
    min-height: 44px;
    font-family: PingHei,Lucida Grande,Lucida Sans Unicode,STHeiti,Helvetica,Arial,Verdana,"sans-serif";
    font-size: 16px;
    text-decoration: none;
    color: #252525;
    margin: 0 auto;
}
.header>ul{
    display: flex;
    list-style: none;
    background-color:#232326;
}
.header>ul>li:nth-child(1){
   width: 8%;
   display: flex;
   justify-content: center;
    align-items: center;
}
.header>ul>li:nth-child(1)>img{
    height: 16px;
 }
.header>ul>li:nth-child(2){
    width: 12%;
    display: flex;
    justify-content: center;
     align-items: center;
 }
 .header>ul>li:nth-child(2)>img{
    height: 40px;
 }
 .header>ul>li:nth-child(3){
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    box-sizing: border-box;
 }
 .header>ul>li:nth-child(3)>p:first-child{
    color: white;
    font-size: 12px;
 }
 .header>ul>li:nth-child(3)>p:last-child{
    color: #999999;
    font-size: 12px;
 }
 .header>ul>li:nth-child(4){
    width: 25%;
    color: white;
    background-color:#CD2525;
    display: flex;
    justify-content: center;
     align-items: center;
 }
 .header>ul>li:nth-child(4)>p{
     text-align: center;
    color: white;
 }
 /* 搜索框 */
 .search-warp{
    /* max-width: 1080px;
    width: 100%; */
    height: 44px;
    display: flex;
    align-items: center;
    top: 50px;
    position: absolute; 
 }

 .search-btn{
    width: 40px;
    height: 44px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .search-btn::before{
    content: "";
    width: 20px;
    height: 18px;
    background:url(../img/s-btn.png) no-repeat;
    background-size: 100% 100%;
    display: block;
 }

 .search {
    width: 450px;
   flex-grow: 1;
   margin: 0px 50px;
   height: 30px;
   border-radius: 15px;
   background-color: white;
   display: flex;
   align-items: center;
}
 /* .search{
   flex-grow: 1;
    box-sizing: border-box;
    height: 30px;
    background-color: white;
    
    border-radius: 15px;
    display: flex;
    align-items: center;
 } */

 .search-login{
    justify-content: center;
    align-items: center;
    width: 40px;
    padding-left: 10px;
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    line-height: 44px;
    text-align: center;
 }
 .search-login>a{
    color: white;
 }

 .search-jd{
    width: 20px;
    height: 15px;
    margin-left: 15px;
    background:url(../img/jd.png) no-repeat;
    background-size: 20px 15px;
    position: relative;
    margin-right: 15px;
 }

 .search-jd::after{
    content: "";
    display: block;
    height: 15px;
    border-right: rgb(221, 221,221) solid 1px;
    position: absolute;
    right: -8px;
 }

 .search-sou{
    width: 18px;
    height: 15px;
    background:url(../img/jd-sprites.png) no-repeat;
    background-size: 200px 200px;
    background-position-x: -81px;
    margin-right: 8px;
 }

 .search-text{
    color: #666666;
 }

 img{
    vertical-align: middle;
 }
 /* 广告图 */
 .banner{
    min-width: 320px;
    max-width: 540px;
 }
 .banner>img{
    width: 100%;
 }

 .banner2{
   min-width: 320px;
   max-width: 540px;
}
.banner2>img{
   width: 100%;
}

/*京东超市1*/
.market_nav{
   height: 62px;
   margin: 8px 4px 0px;
   background-color: white;
   border-radius: 3px;
   display: flex;
}
.market_nav>a{
   display: flex;
   color: black;
   flex-direction: column;
   flex: 20%;
   text-align: center;
   align-items: center;
   text-decoration: none;
   color: #666666;
}
.market_nav>a:nth-child(1)>.nav_img{
   margin-top: 8px;
   width:32px;
   height: 32px;
   background:url(../upload/nav1.webp) 0px 0px no-repeat;
   background-size: 32px auto;
}
.market_nav>a:nth-child(2)>.nav_img{
   margin-top: 8px;
   width:32px;
   height: 32px;
   background:url(../upload/nav2.webp) 0px 0px no-repeat;
   background-size: 32px auto;
}
.market_nav>a:nth-child(3)>.nav_img{
   margin-top: 8px;
   width:32px;
   height: 32px;
   background:url(../upload/nav3.webp) 0px 0px no-repeat;
   background-size: 32px auto;
}
.market_nav>a:nth-child(4)>.nav_img{
   margin-top: 8px;
   width:32px;
   height: 32px;
   background:url(../upload/nav1.webp) 0px 0px no-repeat;
   background-size: 32px auto;
}
.market_nav>a:nth-child(5)>.nav_img{
   margin-top: 8px;
   width:32px;
   height: 32px;
   background:url(../upload/nav2.webp) 0px 0px no-repeat;
   background-size: 32px auto;
}

/*京东超市2*/
.market_nav2{
   height: 62px;
   margin: 8px 4px 0px;
   background-color: white;
   border-radius: 3px;
   display: flex;
}
.market_nav2>a{
   display: flex;
   color: black;
   flex-direction: column;
   flex: 20%;
   text-align: center;
   align-items: center;
   text-decoration: none;
   color: #666666;
}
.market_nav2>a:nth-child(1)>.nav_img{
   margin-top: 8px;
   width:32px;
   height: 32px;
   background:url(../upload/nav3.webp) 0px 0px no-repeat;
   background-size: 32px auto;
}
.market_nav2>a:nth-child(2)>.nav_img{
   margin-top: 8px;
   width:32px;
   height: 32px;
   background:url(../upload/nav1.webp) 0px 0px no-repeat;
   background-size: 32px auto;
}
.market_nav2>a:nth-child(3)>.nav_img{
   margin-top: 8px;
   width:32px;
   height: 32px;
   background:url(../upload/nav2.webp) 0px 0px no-repeat;
   background-size: 32px auto;
}
.market_nav2>a:nth-child(4)>.nav_img{
   margin-top: 8px;
   width:32px;
   height: 32px;
   background:url(../upload/nav3.webp) 0px 0px no-repeat;
   background-size: 32px auto;
}
.market_nav2>a:nth-child(5)>.nav_img{
   margin-top: 8px;
   width:32px;
   height: 32px;
   background:url(../upload/nav1.webp) 0px 0px no-repeat;
   background-size: 32px auto;
}

/* 商品展示 */

.good-list{
   background: #f6f6f6;
}
.good-list>div{
   display: flex;
}
.good-list>div>img{
   width: 50%;
   height: 292px;
   margin: 3px 4px;
   border-radius: 15px;
}

